import { useState, useEffect } from 'react'
import { resourcePath } from '../../../utils/resource';

export default function LittleTitle(props) {
    return <div className="layout-h center" style={{
        borderBottom: "3px solid rgba(23, 230, 255, 0.7)",
        fontSize: props.fontSize || 18
    }}>
        <div className="layout-h center" style={{
            paddingBottom: 5
        }}>
            {props.icon ?? <img src={resourcePath.littleTitleBg} alt="" style={{
                marginRight: 8
            }} />}
            <div className='fill'>{props.children}</div>
        </div>
    </div>;
}